@charset 'utf-8';
/* 
* @Author: anchen
* @Date:   2016-04-08 10:18:59
* @Last Modified by:   anchen
* @Last Modified time: 2016-05-31 14:32:43
*/
.wrap {
    float: left;
    width: 100%;
}
.wrap .titleheader {
    float: left;
    font-size: 24px;
    padding: 20px 20px;
}
.wrap .header {
    width: 650px;
    height: 105px;
    padding: 40px 0;
}
.wrap .header h1 {
    float: left;
    width: 120px;
    height: 81px;
    margin-right: 0;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
}
.nav {
    float: left;
    width: 500px;
    /* height: 30px; */
    padding: 30px 0 20px 0;
}
.nav a {
    display: inline-block;
    width: 120px;
    float: left;
    /* width: 13%; */
    height: 35px;
    /* border-left: 1px solid #e2e2e2; */
    text-align: center;
    font-size: 4px;
    padding: 10px 0;
}
.nav a .chinese { 
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #363636;
}
.nav a .english {
    font-size: 12px;
    font-family: Arial;
    color: #898989;
}
.nav a.first span{
    display: block;
    color: #75961c;
    /* background: rgba(0, 0, 0, 0.3); */
}
.nav .last {
    /* border-right: 1px solid #e2e2e2; */
}
.nav a.hover span{
    display: block;
    color: #75961c;
    /* background: rgba(0, 0, 0, 0.3); */
}
.wrap .bac {
    position: relative;
    float: left;
    width: 100%;

}
.wrap .bac img {
    float: left;
    width: 100%;
}
.wrap .bac .box-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -moz-box-shadow: 0px 8px 8px 8px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0px 8px 8px 8px rgba(0, 0, 0, 0.3); 
     box-shadow: 0px 8px 8px 8px rgba(0, 0, 0, 0.3); 
}
.content {
    float: left;
    width: 100%;
    height: 294px;
}
.wrap .game-content {
	position: relative;
    float: left;
    width: 100%;
    height: 600px;
}

.hot-lives{margin-top:20px;}
.hot-lives .hd{position:relative;margin-bottom:16px;height:32px;text-align:left;font-size:0;}
.hot-lives .hd .img-box{float:left;color:#555;height:32px;line-height:32px;}
.hot-lives .hd .img-box .img-area{position:relative;float:left;margin-right:10px;height:32px;}
.hot-lives .hd .img-box img{display:block;height:32px;}
.hot-lives .hd .img-box .text-area{float:left;height:32px;line-height:32px;font-size:20px;color:#405275;font-weight:700;}
.hot-lives .hd .img-box:hover .text-area{color:#75961c;}
.hot-lives .hd .img-box:hover{color:#75961c;}
.hot-lives .hd .more{position:absolute;top:0;right:0;height:32px;line-height:32px;font-size:0;color:#777;}
.hot-lives .hd .more span{margin-left:8px;font-size:12px;}
.hot-lives .hd .more .round{display:inline-block;vertical-align:middle;margin-left:3px;width:4px;height:4px;background:#777;border-radius:100%;-moz-transition:background 200ms ease-out;-webkit-transition:background 200ms ease-out;-o-transition:background 200ms ease-out;transition:background 200ms ease-out;}
.hot-lives .hd .more:hover{color: #75961c;}
.hot-lives .hd .more:hover .round{background:#00a5e2;}
.hot-lives .bd li{float:left;margin-right:23px;width:212px;height:208px;}
.hot-lives .bd li:last-child{margin-right:0;}
.hot-lives .bd a{position:relative;display:block;padding:0;width:100%;color:#75961c;}
.hot-lives .bd .img-box{position:relative;height:125px;box-shadow:0 2px 10px rgba(95,95,95,0);border-radius:5px;-moz-transition:box-shadow 200ms ease-out;-webkit-transition:box-shadow 200ms ease-out;-o-transition:box-shadow 200ms ease-out;transition:box-shadow 200ms ease-out;z-index:2;}
.hot-lives .bd .img-box img{display:block;width:100%;height:100%;border-radius:5px;}
.hot-lives .bd .game-name{position:absolute;left:0;bottom:0;padding-left:10px;width:99px;height:31px;line-height:31px;background:url(../../i/index/live-list-gameName.png) no-repeat;border-radius:0 0 0 5px;z-index:5;}
.hot-lives .bd .game-name .name{font-size:12px;color:#fff;}
.hot-lives .bd .sub-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=00);border-radius:5px;z-index:1;}
.hot-lives .bd .play-icon{position:absolute;top:50%;left:50%;margin:-23px 0 0 -23px;width:45px;height:45px;background:url(../../i/index/play-icon-2.png) no-repeat;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);will-change:transform,transition;z-index:2;}
.hot-lives .bd .room-name{margin-top:10px;height:26px;line-height:26px;width:100%;font-size:12px;color:#555;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-moz-transition:color 200ms ease-out;-webkit-transition:color 200ms ease-out;-o-transition:color 200ms ease-out;transition:color 200ms ease-out;}
.hot-lives .bd .meat{height:26px;line-height:26px;font-size:0;}
.hot-lives .bd .meat .views{float:right;margin-top:7px;line-height:12px;height:12px;font-size:12px;color:#888;}
.hot-lives .bd .meat .anchor{max-width:120px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-page .hot-lives{padding:18px 24px 0;background:#fff;border-radius:5px;}
.hot-lives .bd a:hover .bg{opacity:1;filter:alpha(opacity=100);}
.hot-lives .bd a:hover .img-box{box-shadow:0 2px 10px rgba(95,95,95,.6);}
.hot-lives .bd a:hover .sub-mask{opacity:.3;filter:alpha(opacity=30);}
.hot-lives .bd a:hover .play-icon{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);will-change:transform;}
.hot-lives .bd a:hover .room-name{color: #75961c;}
.hot-lives .hd ul{float:left;margin:4px 0 0 25px;}
.hot-lives .hd li{float:left;margin-right:12px;}
.hot-lives .hd li:last-child{margin-right:0;}
.hot-lives .hd li a{display:block;padding:0 8px;height:24px;line-height:24px;font-size:12px;color:#75961c;background:#e3f7ff;border-radius:3px;text-align:center;}
.hot-lives .hd li a:hover{background:#00A5E2;color: #75961c;}

.lives-list li{float:left;width:300px;}
.lives-list a{position:relative;display:block;padding:7px;width:286px;color: #75961c;}
.lives-list .img-box{position:relative;height:160px;z-index:2;}
.lives-list .img-box img{display:block;width:100%;height:100%;}
.lives-list .game-name{position:absolute;left:0;bottom:0;padding-left:10px;width:99px;height:31px;line-height:31px;background:url(../i/index/live-list-gameName.png) no-repeat;z-index:5;}
.lives-list .game-name .name{font-size:12px;color:#fff;}
.lives-list .sub-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;filter:alpha(opacity=00);z-index:1;}
.lives-list .play-icon{position:absolute;top:50%;left:50%;margin:-23px 0 0 -23px;width:45px;height:45px;background:url(../i/index/play-icon-2.png) no-repeat;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);z-index:2;}
.lives-list .room-name{margin-top:10px;height:26px;line-height:26px;width:224px;font-size:12px;color:#555;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lives-list .meat{height:26px;line-height:26px;font-size:0;}
.lives-list .meat .views{float:right;margin-top:7px;line-height:12px;height:12px;font-size:12px;color: #75961c;}
.lives-list .meat .anchor{max-width:190px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.lives-list a:hover{background:#fff;}
.lives-list a:hover .bg{opacity:1;filter:alpha(opacity=100);}
.lives-list a:hover .sub-mask{opacity:.3;filter:alpha(opacity=30);}
.lives-list a:hover .play-icon{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

ol, ul {
    list-style: none;
}

.wrap .content-detail {
    /* float: left; */
    width: 1042px;
    height: 81px;
    /* padding-left: 24%; */
    padding-top: 17px;
}
.wrap .detail-header {
    position: relative;
    float: left;
    width: 67%;
    height: 26px;
    /* border-bottom: 2px solid #c6c6c6; */
}
.detail-header h2 {
    float: left;
    margin-right: 13px;
    font-size: 28px;
    color: #7d7d7d;
}
.detail-header span {
    float: left;
    padding-top: 6px;
    font-size: 12px;
    color: #929292;
}
.detail-header .more {
    float: right;
}
.detail-header .position {
    display: none;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100px;
    height: 4px;
    background: #266fd2;

}
.detail {
    float: left;
    width: 100%;
    height: 196px;
    padding: 16px 0 40px 0;
}
.detail dl {
    float: left;
    width: 206px;
    height: 196px;
    margin-right: 50px;
}
.detail dt {
    margin-bottom: 14px;
}
.detail dd {
    width: 100%;
    height: 26px;
    background: #f7f7f7;
    text-align: center;
    line-height: 26px;
    font-size: 12px;
    color: #a4a4a4;
}

.search {
    float: left;
    width: 61%;
    height: 37px;
    padding: 10px 15% 0 24%;
    background: #e5e5e5;
}
.search input {
    float: left;
    height: 25px;
}
.search span {
    float: left;
    width: 29px;
    height: 29px;
    background: url(../images/search.png) no-repeat;
    background-size: contain;
}
.bdsharebuttonbox {
    float: right;
}
.footer {
    float: left;
    width: 61%;
    height: 70px;
    padding: 47px 15% 0 24%;
    padding-top: 38px;
    background-color: #f2f2f2;
    border-top: 7px solid #75961c;
}
.footer .frist, .footer .second, .footer .thrid {
    width: 500px;
    height: 20px;
    padding-bottom: 30px;
    font-size: 14px;
    color: #6f6e6e;
}
.footer .frist span, .footer .second span,.footer .thrid span {
    float: left;
    margin-right: 20px;
}
.footer .second, .footer .thrid {
    font-size: 12px;
    padding: 0;
    color: #929292;
}
.footer .thrid span {
    margin-right: 87px;
}
.comic-content {
        width: 1000px;
        padding: 10px 0 100px 0;
}
.comic-content h2 {
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.pay-content {
    width: 100%;
}
.pay-detail {
  /*  width: 85%;  */
}
.pay-content img {
    float: left;
}
.pay-content .pay-btn {
    float: left;
    padding: 0 106px;
}
.footer .four {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #929292;
}
.footer .four .bottom-text {
    margin-left: 2%;
}
.footer .four .bottom-logo {
    width: 70px;
    height: 30px;
    margin-left: 35%;
    background: url(../images/wenhuajingying.png) no-repeat;
    background-size: contain;

}

.top{background-color: #eee; border-bottom: 1px solid #ddd;}
.top_login{width: 1000px; padding: 4px 0;}
a.login_btn{display: inline-block; width: 64px; height: 26px; line-height: 26px; margin: 44px 7px 0 -125px; font-size: 12px; text-align: center; color: #fff; background: #ff3c00; border-radius: 2px; cursor: pointer;}
a.register_btn{display: inline-block; width: 54px; height: 24px; line-height: 24px; margin: 44px 7px 0 -60px; font-size: 12px; text-align: center; border: 1px solid #ccc; color: #000; background: #fff; border-radius: 2px; cursor: pointer;}
a.logout{display: inline-block; width: 54px; height: 24px; line-height: 24px; margin: 44px 7px 0 -50px; font-size: 12px; text-align: center; border: 1px solid #ccc; color: #000; background: #fff; border-radius: 2px; cursor: pointer;}
button{display: inline-block; min-width: 54px; height: 24px; line-height: 18px; padding:2px 3px;margin: 0 0 0 5px; font-size: 12px; text-align: center; border: 1px solid #ccc; color: #000; background: #fff; border-radius: 2px; cursor: pointer;}
button:active{background: #e0dfdf;}
.news_Cont { padding:0 6px; color: #666;}
.news_Cont p { margin-bottom:10px;}
.news_Cont p strong{font-weight: bold;}

.login_input{
    vertical-align: top;
    width: 265px; height: 22px; line-height: 22px; font-size: 14px; padding: 7px 30px 7px 5px; color: #7d7d7d; border: 1px solid #d9d9d9; background-color: #fff; outline: none;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
}

.btn_gr{
    width: 368px;
    height: 42px;
    font-size: 14px;
    color: #fff;
    background: #fb483b;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #ddd;
    cursor: pointer;
}
.btn_gr:focus{outline: none;}


.cms_wrap{width: 1200px;}
.cms_wrap .left_wrap{width: 200px; background-color: #333;}
.cms_wrap .left_wrap ul li{padding: 12px 0 12px 32px; font-size: 14px; color: #fff; cursor: pointer; border-bottom: 1px solid #444;}
.cms_wrap .left_wrap ul li.act{background-color: #555;}

.cms_wrap .right_wrap{width: 1000px;}

.gift_record{width: 972px;}
.gift_record tr td,
.gift_record tr th{border: 1px solid #ebebeb; text-align: center; padding: 8px 0; width: 20%;}
.gift_record tr th{background-color: #fcfcfc; /*border-top: none;*/}